<template>
	<view class="plain-item">
		<view class="plain-item-day">
			<text class="day-num">
				第{{data.num}}天
			</text>
			<text class="day-traffic">
				{{data.traffic}}
			</text>
		</view>
		<view class="day-describe">
			<view>
				{{data.describe}}
			</view>
			<view class="day-meal uni-flex" v-if="data.meal">
				<text class="strong">用餐：</text>
				<view class='meal'>
					<view>早餐：{{data.meal.breakfast}}</view>
					<view>午餐：{{data.meal.lunch}}</view>
					<view>晚餐：{{data.meal.dinner}}</view>
				</view>
			</view>
			<view class="day-stay" v-if="data.stay">
				<text class="strong">住宿：</text>
				{{data.stay}}
			</view>
			<view class="day-remark" v-if="data.remark">
				<text class="strong">备注：</text>
				{{data.remark}}
			</view>
		</view>
		<!-- <view>
			<text class="day-reminder">
				温馨提示：
			</text>
			<text class="reminder-info">
				1、昆明早晚温差较大，请您注意添减衣物的准备；
				2、为避免出现饮食问题，请您在自行品尝美食时，选择正规的餐饮场所；
				3、在自由出行时，请您保管好个人财物
			</text>
		</view> -->
	</view>
</template>

<script>
	export default{
		props: {
			data: {
				type:Object,
				default:()=>{
					return {
						num:1,
						traffic:null,
						describe:null,
						meal:{
							breakfast:null,
							lunch:null,
							dinner:null
						},
						stay:null,
						remark:null
					}
				}
			},
		},
		data() {
			return {
				example:{
					num:1,
					traffic:'济南-西双版纳',
					describe:'乘飞机抵达素有“春城”美誉的昆明，云南意即“彩云之南”，以其美丽、丰饶、神奇而著称于世，一向被外界称为“秘境”。有工作人员鲜花接机，商务专车带您抵达酒店，办理入住手续。全程无障碍，一站式服务，温馨体贴。根据航班时间安排赠送滇池大坝是昆明看海鸥的一个不错选择。地方宽敞，也没有门票。时值春夏交替，大坝旁开满了粉色的杜鹃，很是漂亮。大坝这边空气也比城里好很多。每年冬季成千上万的红嘴鸥从遥远的西伯利亚飞到这里，吸引了百万游客来参观这壮观的景象',
					meal:{
						breakfast:'酒店自助餐',
						lunch:'茶餐宴',
						dinner:'正餐'
					},
					stay:'新思潮、润恒、恒兴、润都酒店,欣润酒店及同级',
					remark:'如遇政府接待或其它特殊原因，不能安排备选酒店时，我社有权安排同级别、同标准的其他酒店'
				}
			}
		},
	}
</script>

<style>
	.plain-item-day text{
		display: inline-block;
	}
	.day-num{
		width: 20%;
		color: #fb9219;
		letter-spacing:10rpx;
		border-bottom: 2px solid #fb9219;
	}
	.day-traffic{
		width: 80%;
		border-bottom: 2px solid #ccc;
	}
	.day-describe{
		width: 80%;
		margin-left: 20%;
		/* text-indent : 56rpx; */
	}
	.strong{
		font-weight: bold;
	}
	.meal{
		list-style: none;
		/* border: 1px solid #000000; */
		/* display: inline-block; */
		padding: 0;
	}
</style>
